body{
	 background: #333 url(../img/widget-content-bg.png) repeat-x;
	 color: #148ea4;
}
	 
A:link {text-decoration: underline; color: #148ea4}
A:visited {text-decoration: underline ; color: #148ea4}
A:active {text-decoration: underline; color: #148ea4}
A:hover {text-decoration: underline; color:  #148ea4;}

.entrar {
  background: #5c5c5c;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3);
  font-size: 22px;
  height: 33px;
  width: 80px;

  overflow: hidden;
  display: block;
  text-align: center;
  line-height: 58px;
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.cerrarsesion {
  background: #5c5c5c;
  font-size: 14px;
  height: 20px;
  width: 120px;

  overflow: hidden;
  /*display: block;  */
  text-align: center;
  line-height: 58px;
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#pagina{
	position:relative;
	width: 90%;
	height:120%;
	margin-left:50px;
	background: #06F;
}
#cabecera{	
	width: 100%;
	height:80px;
	background: url(../img/head-bg.png) repeat-x;
	//background-size:cover;
	margin-bottom:0px;	
}
.login{
	background: #dfdfdf;
	width: 380px;
	margin-left:330px;
}

.formulario{
	background: #dfdfdf;
	width: 400px;
}
#cuadro_1, #cuadro_2, #cuadro_3, #cuadro_4{	
	text-align:left;
	width:45%;
	height:300px;
	max-height:300px;
	overflow:scroll;
	background-color:#F5F5F5;
	margin-left:30px;
	margin-right:15px;
	margin-top:20px;
	float:left;	
}


/* CSS PARA VALIDACIONES DEL FORMULARIO */
  .oculto { display: none; }
  .visible { display: inline; }
  .normal { border-color: paleturquoise; }
  .error{   background-color: #ffc9ca;
        border: 1px solid red;}

	.errornick  {
   background:url(../img/error.png) no-repeat left center;
   padding-left: 25px;
}

	.nickcorrecto  {
 
   background: url(../img/correcto.gif) no-repeat left center;
	padding-left: 25px;
}



/* CODIGO PARA EMAIL */
div.toggler        { border:1px solid #ccc; background:url(../img/gmail.jpg) 10px 12px #eee no-repeat; cursor:pointer; padding:10px 32px; }
div.toggler .subject  { font-weight:bold; }
div.read          { color:#666; }
div.toggler .from, div.toggler .date { font-style:italic; font-size:11px; }



/*  CODIGO PARA EL TIEMPO */

#weather {
	background: #6f9dbe;
	background: -webkit-gradient(linear, left top, left bottom, from(#adc7db), to(#6f9dbe));
	background: -moz-linear-gradient(top, #b2bcc8, #adc7db);
	width: 250px;
	margin-left:100px;
	padding: 5px 10px;
	overflow: hidden;
	border: 1px solid #6591b3;
}

#weather h2 {
	color: #000;
	text-shadow: rgba(250, 250, 250, 0.6) 2px 2px 0;
}

#weather p {
	font-size: 15px;
	margin: 30px 20px 0;
}

#weather p span {
	font-size: 13px;
	padding-bottom:20px;
}

#weather a:link, #weather a:active, #weather a:visited {
	display: block;
	clear: both;
	text-decoration: none;
	color: #222;
	font-size: 12px;
}

#weather a:hover {
	color: #000;
	text-decoration: underline;
}
